import React from 'react';
import styles from './index.module.css';

const Diamond = (props) => {
  const { text, actived, ...other } = props;
  return (
    <div className={[actived ? styles.active : '', styles.diamond].join(' ')} {...other}>
      <div className={styles.content}>{text}</div>
    </div>
  );
};

export default Diamond;
